<script>
export default {
    onLaunch: function () {
        console.log("onLaunch");
    },
    onShow: function () {
        console.log("App Show");
    },
    onHide: function () {
        console.log("App Hide");
    },
};
</script>
<style lang="scss">
// 公共样式
@import "./css/common.scss";
@import "./css/elementRest.scss";

page {
    -webkit-user-select: text;
}
::v-deep .drawer-box {
    .el-drawer {
        width: 50% !important;
        .el-drawer__header {
            font-size: 20px;
            font-weight: bold;
        }
    }
}
.el-table {
    ::v-deep .el-table__body-wrapper {
        padding-bottom: 8px;
        margin-bottom: 1px;
    }
    ::v-deep .el-table__body-wrapper::-webkit-scrollbar {
        margin-top: 10px;
        height: 8px; /*滚动条高度*/
    }
    /*定义滚动条轨道 内阴影+圆角*/
    ::v-deep .el-table__body-wrapper::-webkit-scrollbar-track {
        box-shadow: 0px 1px 3px #c8c8c8 inset; /*滚动条的背景区域的内阴影*/
        border-radius: 10px; /*滚动条的背景区域的圆角*/
        background-color: #c8c8c8; /*滚动条的背景颜色*/
    }
    /*定义滑块 内阴影+圆角*/
    ::v-deep .el-table__body-wrapper::-webkit-scrollbar-thumb {
        box-shadow: 0px 1px 3px #3989fc inset; /*滚动条的内阴影*/
        border-radius: 10px; /*滚动条的圆角*/
        background-color: #3989fc; /*滚动条的背景颜色*/
    }
}
::v-deep .popper-box {
    &.el-popover {
        min-width: 50px !important;
    }
}
::v-deep .popper-good-box {
    &.el-popover {
        max-width: 300px !important;
    }
}
::v-deep .el-cascader-node {
    position: relative;
    padding-left: 0 !important;
    .el-radio {
        display: block;
        width: 90%;
        height: 30px;
        position: absolute;
        top: 10px;
        left: 8px;
        .el-radio__input {
            display: none;
        }
    }
}
::v-deep uni-modal {
    z-index: 9999 !important;
}
::v-deep uni-toast {
    z-index: 9999 !important;
}
::v-deep .method-box {
    .el-scrollbar {
        .el-select-dropdown__item {
            height: 52px;
            .option-title {
                font-size: 14px;
                height: 20px;
            }
            .option-doc {
                color: #999;
                font-size: 12px;
                height: 20px;
            }
        }
    }
}
.dialog-title {
    display: flex;
    justify-content: space-between;
    font-size: 18px;
    div {
        flex: 1;
    }
    .left-but {
        text-align: left;
        i {
            cursor: pointer;
        }
    }
    .title-box {
        text-align: center;
    }
    .right-but {
        text-align: right;
        i {
            cursor: pointer;
        }
    }
}

// 全局表格筛选器样式 - 竖排布局
::v-deep .el-table-filter {
    .el-table-filter__checkbox-group {
        padding: 10px 0 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 0px !important;
        
        .el-checkbox {
            display: block !important;
            margin: 0 !important;
            padding: 6px 12px !important;
            border-radius: 6px !important;
            transition: all 0.2s ease !important;
            background: transparent !important;
            
            &:hover {
                background-color: #f0f8ff !important;
            }
            
            .el-checkbox__label {
                font-size: 14px !important;
                color: #606266 !important;
                line-height: 1.4 !important;
            }
        }
    }
    
    .el-table-filter__wrap {
        min-width: 200px !important;
        max-width: 200px !important;
        padding: 0 !important;
        background: #fff !important;
        border-radius: 8px !important;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
    }

    .el-table-filter__bottom{
        text-align: right !important;
    }

    .el-table-filter__bottom>button{
        background: transparent !important;
        border: none !important;
        color: #606266 !important;
        cursor: pointer !important;
        font-size: 13px !important;
        padding: 0 3px !important;
        margin-right: 10px !important;
    }
}


    // 使用更高优先级的选择器
    .el-table-filter .el-table-filter__bottom button {
        background: #fff !important;
        border: 1px solid #dcdfe6 !important;
        color: #606266 !important;
        cursor: pointer !important;
        font-size: 13px !important;
        padding: 8px 16px !important;
        margin: 0 4px !important;
        border-radius: 4px !important;
        transition: all 0.2s ease !important;
    }
    
    // 筛选按钮（第一个按钮）
    .el-table-filter .el-table-filter__bottom button:first-child {
        background: #409eff !important;
        border-color: #409eff !important;
        color: #fff !important;
        font-weight: 500 !important;
    }
    
    .el-table-filter .el-table-filter__bottom button:first-child:hover:not(.is-disabled) {
        background: #337ecc !important;
        border-color: #337ecc !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 2px 8px rgba(64, 158, 255, 0.3) !important;
    }
    
    .el-table-filter .el-table-filter__bottom button:first-child.is-disabled {
        background: #c0c4cc !important;
        border-color: #c0c4cc !important;
        color: #fff !important;
        cursor: not-allowed !important;
        opacity: 0.6 !important;
    }
    
    // 重置按钮（第二个按钮）
    .el-table-filter .el-table-filter__bottom button:last-child:hover {
        color: #409eff !important;
        border-color: #409eff !important;
        background: #f0f8ff !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 2px 8px rgba(64, 158, 255, 0.2) !important;
    }
</style>
<style>
/* #ifndef APP-PLUS-NVUE */
/* uni.css - 通用组件、模板样式库，可以当作一套ui库应用 */
/* @import './common/uni.css'; */

/* 以下样式用于 hello uni-app 演示所需 */
page {
    /* background-color: #ECECEC; */
    height: 100%;
    font-size: 12px;
    line-height: 1.8;
    overflow-y: hidden;
}
/* 打开鼠标选中光标 */
view {
    user-select: text;
}
body {
    height: 100%;
    width: 100%;
    font-family: "微软雅黑";
    font-size: 12px;
}

@font-face {
    font-family: "iconfont";
    /* src: url('https://at.alicdn.com/t/font_2300123_e96ku6ak3e.ttf?t=1626430789351') format('truetype'); */
    /* src: url('./css/font_2300123_e96ku6ak3e.ttf') format('truetype'); */
    /* src: url("https://cdn-test.imiyun.com/static/pcclient/static/fonts/font_2300123_e96ku6ak3e.04fe5a9e.ttf") */
    src: url("./static/fonts/font_2300123_rwy73jepg5h.ttf") format("truetype");
}

/* <text :style="{ color: item.bgColor }"  :class="['icon-font',item.src]"></text> */
/* <text class="icon-font" >&#xe602;</text> */
.icon-font {
    font-family: iconfont !important;
    font-size: 12px;
    font-style: normal;
}

/*****云店上传下载******/
.icon-uploadLoadDown:before {
    content: "\e653";
}

/*** 操作按钮字体图标 ***/

/* 付款记录 */
.icon-fukuanjilu:before {
    content: "\e60e";
}

/* 操作记录 */
.icon-caozuojilu:before {
    content: "\e62a";
}

/* 拒绝退货 */
.icon-jvjuetuihuo:before {
    content: "\e60b";
}

/* 同意退货 */
.icon-tongyituihuo:before {
    content: "\e60f";
}

/* 打印 */
.icon-dayin:before {
    content: "\e61f";
}

/* 退货 */
.icon-tuihuo:before {
    content: "\e63a";
}

/* 抄单 */
.icon-chaodan:before {
    content: "\e64c";
}

/* 作废 */
.icon-zuofei:before {
    content: "\e6e6";
}

/* 确认 */
.icon-queren:before {
    content: "\e621";
}

/* 删除 */
.icon-shanchu:before {
    content: "\e6ca";
}

/* 编辑 */
.icon-bianji:before {
    content: "\e67c";
}

/* 入库 */
.icon-ruku:before {
    content: "\e656";
}

/* 出库 */
.icon-chuku:before {
    content: "\65a";
}

/* 退款 */
.icon-tuikuan:before {
    content: "\609";
}

/*** 操作按钮字体图标  结束 ***/

.icon-jia:before {
    content: "\e606";
}

.icon-zuo:before {
    content: "\e604";
}

.icon-you:before {
    content: "\e600";
}

.icon-shangpin:before {
    content: "\e66b";
}

.icon-kehu:before {
    content: "\e601";
}

.icon-kaidan:before {
    content: "\e602";
}

.icon-danjv:before {
    content: "\e603";
}

.icon-shezhi:before {
    content: "\e69a";
}

.icon-sousuo:before {
    content: "\e605";
}

.icon-xiala:before {
    content: "\e63e";
}

.icon-dingdanhao:before {
    content: "\e639";
}

.icon-jine:before {
    content: "\e6ac";
}

.icon-dizhi:before {
    content: "\e710";
}

.icon-fxxuanzhongfill:before {
    content: "\e721";
}

.icon-fxxuanzhong1:before {
    content: "\e722";
}

/* .icon-:before{
		content: '\e';
	} */

/* #endif*/
</style>
